<!DOCTYPE html>
<html lang="en">
<!-- BEGIN HEAD -->
<head>
    <meta charset="utf-8"/>
    <title>Metronic | Extra - Lock Screen</title>
    <meta content="width=device-width, initial-scale=1.0" name="viewport"/>
    <meta content="" name="description"/>
    <meta content="" name="author"/>
    <link href="res/media/css/lock.css" rel="stylesheet" type="text/css"/>
    <link href="res/media/css/bootstrap.min.css" rel="stylesheet" type="text/css"/>
    <link href="res/media/css/bootstrap-responsive.min.css" rel="stylesheet" type="text/css"/>
    <link href="res/media/css/font-awesome.min.css" rel="stylesheet" type="text/css"/>
    <link href="res/media/css/style-metro.css" rel="stylesheet" type="text/css"/>
    <link href="res/media/css/select2_metro.css" rel="stylesheet" type="text/css"/>
    <link href="res/media/css/style.css" rel="stylesheet" type="text/css"/>
    <link href="res/media/css/style-responsive.css" rel="stylesheet" type="text/css"/>
    <link href="res/media/css/default.css" rel="stylesheet" type="text/css" id="style_color"/>
    <link href="res/media/css/uniform.default.css" rel="stylesheet" type="text/css"/>
    <link href="res/media/css/DT_bootstrap.css" rel="stylesheet" type="text/css"/>
    <!-- END GLOBAL MANDATORY STYLES -->
    <!-- BEGIN PAGE LEVEL STYLES -->
    <link href="res/media/css/jquery.gritter.css" rel="stylesheet" type="text/css"/>
    <link href="res/media/css/daterangepicker.css" rel="stylesheet" type="text/css"/>
    <link href="res/media/css/fullcalendar.css" rel="stylesheet" type="text/css"/>
    <link href="res/media/css/jqvmap.css" rel="stylesheet" type="text/css" media="screen"/>
    <link href="res/media/css/jquery.easy-pie-chart.css" rel="stylesheet" type="text/css" media="screen"/>
    <link href="res/media/css/lock.css" rel="stylesheet" type="text/css"/>
    <!-- END PAGE LEVEL STYLES -->
</head>
<!-- END HEAD -->
<!-- BEGIN BODY -->
<body>
<div class="page-lock">
    <div class="page-logo">
        <a class="brand" href="#">
            <img src="res/media/image/logo-new.png" alt="logo" style="margin-top: -5px"/>
            <span class="logo_font"
                  style="font-size: 16px;color: #fff;font-family: \5FAE\8F6F\96C5\9ED1;">销售助手管理系统</span>
        </a>
    </div>
    <div class="page-body">
        <img class="page-lock-img" src="res/media/image/admin.png" alt="">

        <div class="page-lock-info">
            <h1>Administrator</h1>
            <span><em>Locked</em></span>

            <form class="form-search" action="">
                <div class="input-append">
                    <input type="text" class="m-wrap" placeholder="密码">
                    <button type="submit" class="btn blue icn-only"><i class="m-icon-swapright m-icon-white"></i>
                    </button>
                </div>
                <div class="relogin">
                    <a href="#">Not Administrator ?</a>
                </div>
            </form>
        </div>
    </div>
    <div class="page-footer">
        2014 &copy; Metronic. Admin Dashboard Template.
    </div>
</div>
</body>
<!-- END BODY -->
</html>